import React, { Component } from 'react'
import './header.scss'
import { Avatar, Input } from 'antd';
const { Search } = Input;
class PublicHeader extends Component {
  state = {
    data: [],
    value: 22222,
  }
  render () {
    return (
      <header>
        <div className="header">
          <div className="h-left">
            <Avatar size={50} src='https://img.wxhnote.com/63112771991584258222874.jpg' />
            {/* <img className="avatar" src="https://img.wxhnote.com/63112771991584258222874.jpg" alt="wxh" /> */}
            <div className="logo">wxh</div>
          </div>
          <div className="h-right">
            <Search
              placeholder="搜索文章"
              onSearch={value => console.log(value)}
              style={{ width: 200 }}
            />
          </div>
        </div>
      </header>
    )
  }
}

export default PublicHeader